<div class="basic-database afterClean">
  <div class="left">
    <h1>基础数据库</h1>
    <ul>
      <li [ngClass]="{'active': state.includes('basic-database/zhongyaoyinpian')}" (click)="goToRoute('/main/basic-database/zhongyaoyinpian')">
        <img src="/assets/main/basic-database/icon01.png" />
        <span>中药饮片数据库</span>
      </li>
      <li [ngClass]="{'active': state.includes('basic-database/peiwujinji')}" (click)="goToRoute('/main/basic-database/peiwujinji')">
        <img src="/assets/main/basic-database/icon01.png" />
        <span>配伍禁忌数据库</span>
      </li>
      <li [ngClass]="{'active': state.includes('basic-database/zhongchengyao')}" (click)="goToRoute('/main/basic-database/zhongchengyao')">
        <img src="/assets/main/basic-database/icon01.png" />
        <span>中成药成分数据库</span>
      </li>
      <li [ngClass]="{'active': state.includes('basic-database/jingdianfang')}" (click)="goToRoute('/main/basic-database/jingdianfang')">
        <img src="/assets/main/basic-database/icon01.png" />
        <span>经典方数据库</span>
      </li>
      <li [ngClass]="{'active': state.includes('basic-database/xiedingfang')}" (click)="goToRoute('/main/basic-database/xiedingfang')">
        <img src="/assets/main/basic-database/icon01.png" />
        <span>协定方数据库</span>
      </li>
    </ul>
  </div>
  <div class="right">
    <router-outlet></router-outlet>
  </div>
</div>
